{extend name="public/base"/}
{block name="body"}
<style>
.button{  	font-size: 18px;	float: left;	padding-left:3%;	padding-right:3%;width: 20%;  height: 80%;  text-align: center;  font-weight: bold;  color: #ff;  text-shadow:1px 1px 1px #333;  border-radius: 5px;  margin:0 10px 10px 0;  position: relative;  overflow: hidden;  } .button.gray{  color: #8c96a0;  text-shadow:1px 1px 1px #fff;  border:1px solid #dce1e6;  box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;  background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);  background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);  background: linear-gradient(top,#f2f3f7,#e4e8ec);  }
.info-box .headimg img{

  font-size: 1.8rem;
  line-height: 1.8rem;
  width: 2.5rem;
  border-radius: 50%;
  height: 2.5rem;
  background: #fff;
  display: inline-block;
  vertical-align: middle;

}
.info-box {

    line-height: 30px;

}

</style>

<div class="mui-content ">
  <div class="info-box mui-text-center" id="headimg" style="background-color:rgb(113, 230, 176);font-size: 18px;">
    <div class="headimg">
      <img src="__PUBLIC__/images/getheadimg.png">
    </div>
  </div>
  <div align="center" class="info-box mui-text-center" style="background-color:rgb(255, 191, 75);font-size: 18px;vertical-align: middle;" onclick='window.location.href = "{:url('index/index/stindex')}"'><!-- <img src="__PUBLIC__/images/ccss.jpg" style="display: inline; float: left;width:20%;height: 80%;padding-left:3%;padding-right:3%"> -->
    <button type="button" class="button gray">进入</br>商城</button>     <div style="text-align:left;padding:3% 15%;margin-left:10px;">金阳专送     <br /><b style="font-size: 13px;">最快30分钟送达，全天多个时段配送</b>    <!-- 实体商品 --></div>
  </div>
  <div class="info-box mui-text-center" style="background-color:rgb(244, 255, 78);font-size: 18px;" onclick='window.location.href = "{:url('index/index/delivery')}"' > <button type="button" class="button gray">进入</br>商城</button>     <div style="text-align:left;padding:3% 15%;margin-left:10px;">全市配送    <br /><b style="font-size: 13px;">更实惠</b>
    <!-- 全市区域 -->
  </div><!--
  <div class="info-box mui-text-center" style="background-color:#f963af;font-size: 18px;" onclick='window.location.href = "{:url('index/index/mailindex')}"'>
    <button type="button" class="button gray" >进入</br>商城</button>     <div style="text-align:left;padding:3% 15%;margin-left:10px;">产地直发     <br /><b style="font-size: 13px;">产地直发</b>    <!-- 实体商品 --><!--</div>-->
    <!-- 全省区域 -->
  <!--</div>-->

    {include file="public/nav" /}
</div>
{/block}
{block name="script"}
<script>
  $(function(){
    $('.info-box').height(($(window).height()-51)/3)
  //$('.info-box').css('line-height', ($(window).height()-51)/4+'px')
  $('.info-box').eq(0).css('line-height', ($(window).height()-51)/3+'px')
   $('.info-box').not('#headimg').css('padding-top', ($(window).height()-51)/3/5+'px')
  })
</script>
{/block}
